<template>
  <div>

    <image class="hmx-main-img" src="/static/images/main.jpg"></image>

    <div class="zan-row hmx-main-enter-row">
      <a href="/pages/hmx_check_in_steps_1/main">
        <div class="zan-col zan-col-8 hmx-main-enter">
          <image class="hmx-main-icon" src="/static/images/ico_03_1.png"></image>
          <div class="zan-font-16 text-color-gary">入住申请</div>
        </div>
      </a>
      <a href="/pages/hmx_service/main">
        <div class="zan-col zan-col-8 hmx-main-enter">
          <image class="hmx-main-icon" src="/static/images/ico_05_1.png"></image>
          <div class="zan-font-16 text-color-gary">常用服务</div>
        </div>
      </a>
      <div class="zan-col zan-col-8 hmx-main-enter">
        <image class="hmx-main-icon" src="/static/images/ico_07_1.png"></image>
        <div class="zan-font-16 text-color-gary">物业通知</div>
      </div>
    </div>

    <div class="zan-panel-title">物业 通知</div>
    <div class="zan-panel">
      <notice />
      <navigator open-type="switchTab" url="/pages/hmx_notice/main">
        <div class="zan-cell zan-cell--access">
          <div class="zan-cell__bd">查看更多</div>
          <div class="zan-cell__ft"></div>
        </div>
      </navigator>
    </div>

  </div>

</template>

<script>
import Notice from "../../components/notice";

export default {
  data() {
    return {};
  },

  components: {
    Notice
  },

  methods: {},

  created() {}
};
</script>

<style scoped>
.hmx-main-img {
  width: calc(100% - 16px);
  height: 180px;
  margin: 8px;
  border-radius: 5px;
}

.hmx-main-icon {
  width: 54px;
  height: 54px;
}

.hmx-main-enter-row {
  padding-top: 20px;
  padding-bottom: 20px;
  -moz-box-shadow: 0px 2px 2px #dcdcdc;
  -webkit-box-shadow: 0px 2px 2px #dcdcdc;
  box-shadow: 0px 2px 2px #dcdcdc;
}

.hmx-main-enter {
  text-align: center;
}

.zan-panel-title::before {
  content: "|";
  color: #cf512c;
  background-color: #cf512c;
  margin-right: 10px;
}

.text-color-gary {
  color: #808080;
}
</style>
